.t-flex {
  display: flex;
}

.t-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.t-ju-center {
  display: flex;
  justify-content: center;
}

.t-ju-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.t-ju-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.t-ali-center {
  display: flex;
  align-items: center;
}

.mar_auto_120 {
  margin: 120rpx auto 0;
}

.mar_auto_20 {
  margin: 20rpx auto 0;
}

.marTop10 {
  margin-top: 10rpx !important;
}

.pupu_dialog {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
    height: 412rpx;
    background-color: #fff;
    box-shadow: 0 0 10rpx #EBEDEE;
    border-radius: 20rpx 20rpx 0 0;

    .top {
      margin: 0 auto;
      width: 90%;
      height: 75rpx;
      border-bottom: 2rpx solid #EFEFEF;

      .title {
        font-size: 32rpx;
        font-weight: 700;
      }

      .title2 {
        color: #60CDB6;
        font-size: 32rpx;
        font-weight: 700;
      }

      .key {
        margin-left: 15rpx;
        font-size: 24rpx;
        color: rgb(153, 153, 153);
      }

      .value {
        margin-right: 15rpx;
        font-size: 28rpx;

        .lease {
          margin-right: 10rpx;
          font-size: 28rpx;
        }

        .buy {
          margin-right: 10rpx;
          font-size: 28rpx;
        }

        .circle {
          position: relative;
          margin-right: 10rpx;
          width: 26rpx;
          height: 26rpx;
          border-radius: 50%;
          border: 1rpx solid black;
          box-sizing: border-box;
        }

        .selected::after {
          content: '';
          width: 14rpx;
          height: 14rpx;
          border-radius: 50%;
          border: 1rpx solid black;
          box-sizing: border-box;
          position: absolute;
          top: 5rpx;
          left: 5rpx;
          background-color: #707070;
        }
      }

      .money {
        font-size: 36rpx;
        font-weight: 700;
        color: red;

        &::before {
          content: '￥';
          font-size: 24rpx;
        }
      }

      .btn {
        width: 334rpx;
        height: 60rpx;
        color: #fff;
        background-color: #60CDB6;
        font-size: 24rpx;
        text-align: center;
        border-radius: 30rpx;
      }
    }
  }
  
  .top_tool {
    position: -webkit-sticky;
    position: sticky;
    top: 0rpx;
    box-shadow: 0px 0px 7px #CCCCD8;
    padding: 10rpx 20rpx;
    background-color: #fff;
    z-index: 99;
  
    .t_tool_left {
      .image {
        margin-right: 10rpx;
        background-color: #fff;
        padding: 2rpx;
        width: 60rpx;
        height: 60rpx;
        border-radius: 50%;
        box-shadow: 0 0 5rpx #60CDB6;
      }
  
      .text {
        font-size: 28rpx;
        color: rgb(153, 153, 153);
        font-weight: 700;
      }
    }
  
    .t_tool_right {
  
      .image {
        width: 24rpx;
      }
  
      .text {
        font-size: 28rpx;
        font-weight: 700;
        color: #60CDB6;
      }
    }
  }